<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
<ui:composition template="../templates/layoutCalendario.xhtml">
<ui:define name="title">Programación</ui:define>
<ui:define name="content">
    <p:spacer height="5px"/>
    <p:panel>
        <h:outputText value="Programación" styleClass="text_header_page"/>
    </p:panel>
    <p:spacer height="5px"/>
    <h:panelGroup>
        <h:form id="frmPrincipal">
            <p:panel header="Criterios de Búsqueda">
                <p:panelGrid>
                    <p:row>
                        <p:column>
                            <p:outputLabel for="cmbCampana" value="Campaña"/>
                        </p:column>
                        <p:column>
                            <p:selectOneMenu id="cmbCampana" converter="#{managerCampanaDTOConverter}"
                                             value="#{verCalendarioJsfBean.filtroBusqueda.campana}"

                                             style="width:120px;">
                                <f:selectItem itemLabel="Todos" itemValue="" noSelectionOption="true"/>
                                <f:selectItems value="#{verCalendarioJsfBean.cmbCampana}"
                                               var="comiteSelect"
                                               itemLabel="#{comiteSelect.nombre}"
                                               itemValue="#{comiteSelect}"/>
                            </p:selectOneMenu>
                        </p:column>
                        <p:column>
                            <p:message for="cmbCampana" display="text"/>
                        </p:column>
                        <p:column>
                            <p:outputLabel for="cmbComite" value="Comite"/>
                        </p:column>
                        <p:column>
                            <p:selectOneMenu id="cmbComite" converter="#{managerComiteDTOConverter}"
                                             value="#{verCalendarioJsfBean.filtroBusqueda.comite}"
                                             style="width:120px;">
                                <f:selectItem itemLabel="Todos" itemValue="" noSelectionOption="true"/>
                                <f:selectItems value="#{verCalendarioJsfBean.cmbComite}"
                                               var="comiteSelect"
                                               itemLabel="#{comiteSelect.nombre}"
                                               itemValue="#{comiteSelect}"/>
                                <p:ajax event="change"
                                        update=":frmPrincipal:cmbDistrito "
                                        process="@this"
                                        listener="#{verCalendarioJsfBean.loadDistrito}"></p:ajax>
                            </p:selectOneMenu>
                        </p:column>
                        <p:column>
                            <p:message for="cmbComite" display="text"/>
                        </p:column>
                        <p:column>
                            <p:outputLabel for="cmbDistrito" value="Distrito"/>
                        </p:column>
                        <p:column>
                            <p:selectOneMenu id="cmbDistrito"
                                             value="#{verCalendarioJsfBean.filtroBusqueda.codigoDistrito}"
                                             style="width:120px;">
                                <f:selectItem itemLabel="Todos" itemValue="" noSelectionOption="true"/>
                                <f:selectItems value="#{verCalendarioJsfBean.cmbDistrito}"
                                               var="distritoSelect"
                                               itemLabel="#{distritoSelect.descripcion}"
                                               itemValue="#{distritoSelect.codigo}"/>
                            </p:selectOneMenu>
                        </p:column>
                        <p:column>
                            <p:message for="cmbDistrito" display="text"/>
                        </p:column>

                    </p:row>

                    <p:row>
                        <p:column colspan="5">
                            <p:commandButton value="Buscar" icon="ui-icon-refresh" id="cmdBuscarCalendario"
                                             actionListener="#{verCalendarioJsfBean.findAction}"
                                             ajax="true" update=":frmPrincipal :messages"
                                    />
                            <p:commandButton ajax="true" value="Limpiar" id="cmdLimpiarCalendario" icon="ui-icon-refresh"
                                             actionListener="#{verCalendarioJsfBean.cleanAction}"
                                             update=":frmPrincipal :messages"/>

                        </p:column>
                    </p:row>
                </p:panelGrid>
            </p:panel>

            <p:spacer height="10px"/>

            <!-- Panel de resultados (donde está la tabla)  -->
            <p:panel id="panelResultados" header="Programación">
                <p:schedule showWeekends="false" initialDate="#{verCalendarioJsfBean.filtroBusqueda.fechaInicio}"  rightHeaderTemplate="month" draggable="false" id="schedule" value="#{verCalendarioJsfBean.eventModel}" widgetVar="myschedule">
                </p:schedule>
            </p:panel>
        </h:form>
    </h:panelGroup>
    <p:dialog modal="true" id="statusDialog" widgetVar="wvStatusDialog" showHeader="false"
              resizable="false" draggable="false" closable="false" position="center"
              appendToBody="true">
        <p:graphicImage value="../resources/images/ajaxloadingbar.gif"/>
    </p:dialog>
</ui:define>
<ui:define name="modal">

</ui:define>
</ui:composition>
</html>